﻿@using Orchard.Mvc.Html;
@using Orchard.UI.Resources;
@{
    Script.Require("RequireJS").SetAttribute("data-main", "/Modules/NineSeas.Dashboard/Scripts/bootstrap.min.js").AtFoot();
    Style.Require("Dashboard.Main").AtHead();
    RegisterLink(new LinkEntry { Type = "image/x-icon", Rel = "shortcut icon", Href = Url.Content("~/themes/DarkStickyFooter/Content/favicon.ico") });
}
<!DOCTYPE html>
<html xmlns:ng="http://angularjs.org">
<head>
    <title>Bellight &gt; {{title}}</title>
    <base href="/dashboard">
    @Display(Layout.Head)
    <link rel="stylesheet" type="text/css" media="all" href="/Modules/NineSeas.Dashboard/Styles/bootstrap.css" />
    <link rel="stylesheet" type="text/css" media="all" href="/Modules/NineSeas.Dashboard/Styles/bootstrap-theme.css" />
</head>
<body ng-controller="MainController">
    <div id="splash" style="position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 9000;background-color: #e3e3e3;">
        <div style="background-color:transparent;position:absolute;top:50%;left:0;width:100%;height:1px;overflow:visible;visibility:visible;display:block">
            <div style="background-color:transparent;position:absolute;top:-30px;left:50%;width:400px;height:60px;margin-left:-200px;z-index:9002;color: #000;">
                <div>Loading...</div>
                <div style="height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)">
                    <span class="meter" style="float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15); -webkit-transition: width .6s ease; -moz-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; background-color: #5bc0de; background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent)); background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);"></span>
                </div>
            </div>
        </div>
    </div>
    <div id="layout-content">
        <div id="main-menu">
            <div id="profile">
                <a href="/dashboard/profile">
                    <img ng-src="{{currentAccount.AvatarUrl}}" alt="{{currentAccount.DisplayName}}" />
                    <span>{{currentAccount.DisplayName}}</span>
                </a>

                <a href="javascript:;" data-ng-click="signOut()" t="Sign Out">Sign Out</a>
                <div style="clear: both;"></div>
            </div>
            <menu data="menuData"></menu>
        </div>
        <div id="layout-main">        
            <div class="navbar" id="header">
                <div class="navbar-inner">
                    <span class="select-language">
                        <select ng-model="currentCulture" class="select-language"
                            ng-options="culture.Key as culture.Value for culture in availableCultures"
                            ng-change="selectedLanguageChanged()">
                        </select>
                    </span>
                </div>
                <div class="clearfix"></div>
            </div>  
            <div id="main">   
                <h1 id="page-title">{{title}}</h1>        
                <div id="messages">
                </div>
                <div id="local-navigation">
                </div>
                <div id="content" ng-view>
                </div>
                <div id="afer-content">
                </div>
            </div>
        </div>
    </div>
    <div id="footer">[Footer]</div>
    
</body>
@Display(Layout.Tail)
</html>
